<!DOCTYPE html  >
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">


<head th:include="/base/common_css('test')">

<body>
<div th:include="/base/common_banner"></div>

<!-- Header ends -->
<!-- Main content starts -->

<div class="content">

    <!-- Sidebar -->
    <!--menu ????-->
    <div th:include="/base/common_menu"></div>
    <!--menu????-->
    <!-- Sidebar ends -->

    <!-- Main bar -->
    <div class="mainbar">

        <!-- Page heading -->
        <div th:include="/base/common_pageHeader"></div>
        <!-- Page heading ends -->

        <div class="matter">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">

                        <div class="widget">

                            <div class="widget-head">
                                <div class="pull-left">统计排行表</div>
                                <div class="widget-icons pull-right">
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <ul id="myTab" class="nav nav-tabs">
                                <li class="active"><a href="#home"   data-toggle="tab">热搜榜</a></li>
                                <li><a href="#profile"  data-toggle="tab">付费榜</a></li>
                                <li><a  href="#cont"  data-toggle="tab">喜欢榜</a></li>
                            </ul>
                            <div id="myTabContent" class="tab-content">
                                <div class="tab-pane fade in active" id="home" >
                                    <table border="1" class="table table-striped table-bordered table-hover">
                                        <tr>
                                            <th>
                            <span class="uni">
                              <input type='checkbox' value='check1'/>全选
                            </span>
                                            </th>
                                            <th>序号</th>
                                            <th>专辑名</th>
                                            <th>数量</th>
                                            <th>排行时间</th>
                                            <th>操作</th>
                                        </tr>
                                        <tr th:each="obj,objStat:${rankingVOs1}">
                                            <th>
                            <span class="uni">
                              <input type='checkbox' value='check1'/>
                            </span>
                                            </th>
                                            <td th:text="${objStat.count}">123</td>
                                            <td th:text="${obj.albName}" style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">2223333333333333</td>
                                            <td th:text="${obj.num}">
                                            <td th:text="${#dates.format(obj.rankTime,'yyyy-MM-dd')} "></td>
                                            <td>
                                                <a th:href="@{'/view/toUpdate?albId='+${obj.albId}+'&type='+${obj.type}}" >修改</a>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="tab-pane fade" id="profile">
                                    <table border="1"  style="table-layout:fixed" class="table table-striped table-bordered table-hover">
                                        <tr>
                                            <th>
                            <span class="uni">
                              <input type='checkbox' value='check1'/>全选
                            </span>
                                            </th>
                                            <th>序号</th>
                                            <th>专辑名</th>
                                            <th>数量</th>
                                            <th>排行时间</th>
                                            <th>操作</th>
                                        </tr>
                                        <tr th:each="obj,objStat:${rankingVOs2}">
                                            <th>
                            <span class="uni">
                              <input type='checkbox' value='check1'/>
                            </span>
                                            </th>
                                            <td th:text="${objStat.count}">123</td>
                                            <td th:text="${obj.albName}"  style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">2223333333333333</td>
                                            <td th:text="${obj.num}">
                                            <td th:text="${#dates.format(obj.rankTime,'yyyy-MM-dd')} "></td>
                                            <td>
                                                <a th:href="@{'/view/toUpdate?albId='+${obj.albId}+'&type='+${obj.type}}" >修改</a>
                                            </td>
                                        </tr>

                                    </table>
                                </div>
                                <div class="tab-pane fade" id="cont">
                                    <div >
                                    <table border="1" class="table table-striped table-bordered table-hover">
                                        <tr>
                                            <th>
                            <span class="uni">
                              <input type='checkbox' value='check1'/>全选
                            </span>
                                            </th>
                                            <th>序号</th>
                                            <th>专辑名</th>
                                            <th>数量</th>
                                            <th>排行时间</th>
                                            <th>操作</th>
                                        </tr>
                                        <tr th:each="obj,objStat:${rankingVOs3}">
                                            <th>
                            <span class="uni">
                              <input type='checkbox' value='check1'/>
                            </span>
                                            </th>
                                            <td th:text="${objStat.count}">123</td>
                                            <td th:text="${obj.albName}" style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">2223333333333333</td>
                                            <td th:text="${obj.num}">
                                            <td th:text="${#dates.format(obj.rankTime,'yyyy-MM-dd')} "></td>
                                            <td>
                                                <a th:href="@{'/view/toUpdate?albId='+${obj.albId}+'&type='+${obj.type}}" >修改</a>
                                            </td>
                                        </tr>
                                    </table>
                                    </div>
                                   </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
</div>


<!--footer-->
<div th:include="/base/common_footer"></div>
<!---->
</div>
</div>


<!-- Scroll to top -->
<span class="totop"><a href="#"><i class="icon-chevron-up"></i></a></span>

<!--js????-->
<div th:include="/base/common_js"></div>
<!--js????-->

<!-- Script for this page -->

<script type="text/javascript">

    /*  function hotTop(){
       location.href="/view/getStatistical?type=1";
   }
   function payTop(){
        location.href="/view/getStatistical?type=2";
    }
   function likeTop(){
       location.href="/view/getStatistical?type=3";
   }*/

    /* Curve chart ends */

</script>
</body>
</html>
